<template>
  <div class="wrapper">
    <catalog></catalog>
    <example>
      <template v-slot:title>
        基本用法
      </template>
      <l-status>sdf</l-status>
      <l-status></l-status>
      <l-status level="danger">危险</l-status>
      <l-status level="warning">危险</l-status>
      <l-status level="info">危险</l-status>
      <l-status level="success">危险</l-status>
      <template v-slot:code>
        {{selectExample.example1}}
      </template>
    </example>
  </div>
</template>

<script>
import Catalog from '../components/Catalog';
import Example from '../components/Example';
import SelectExample from './Select-Example';

export default {
  name: 'Select',
  components: {
    Catalog,
    Example
  },
  methods: {
    changeSelect (model, option) {
      alert('model值为：' + model);
      alert('选择的选项为：' + JSON.stringify(option));
    }
  },
  data () {
    return {
      selectExample: SelectExample,
      selectModel1: '',
      selectModel2: '',
      selectModel3: '',
      selectModel4: '',
      selectModel5: '',
      options: [{
        id: 1,
        label: '沙县小吃'
      }, {
        id: 2,
        label: '兰州拉面'
      }, {
        id: 3,
        label: '新疆大盘鸡'
      }],
      format: {
        label: 'label',
        value: 'label'
      }
    };
  }
};
</script>
